﻿<%@ Page Title="" Language="C#" MasterPageFile="~/MasterPage.master" AutoEventWireup="true" CodeFile="DragDrop.aspx.cs" Inherits="DragDrop" %>
<%@ Register Assembly="jQueryDotNetLib" Namespace="jQueryDotNetLib.Controls" TagPrefix="cc1" %>
<%@ Register Assembly="jQueryDotNetLib" Namespace="jQueryDotNetLib.Extenders" TagPrefix="cc2" %>

<asp:Content ID="Content1" ContentPlaceHolderID="head" Runat="Server">
</asp:Content>
<asp:Content ID="Content4" ContentPlaceHolderID="DemoTitleContentPlaceHolder" Runat="Server">
Drag Drop Panels
</asp:Content>
<asp:Content ID="Content2" ContentPlaceHolderID="DemoContentPlaceHolder" Runat="Server">

  <asp:Panel ID="Panel3" runat="server" BorderWidth="1" Height="100" Width="500">
  This is a draggable panel.  Drag and Drop me onto the other panel
  </asp:Panel>
  
  <asp:Panel ID="Panel2" runat="server" BorderWidth="1" Height="200" Width="600">
  This is a droppable panel.
  </asp:Panel>
  
  
<cc2:Draggable ID="Draggable2" runat="server" Selector="#{Panel3}" />
  
  <cc2:Droppable Greedy="true" ID="Droppable1" runat="server"
  OnClientDropDrop="$(this).fadeOut().fadeIn();"
  Selector="#{Panel2}" 
   />
</asp:Content>


<asp:Content ID="Content3" ContentPlaceHolderID="SourceContentPlaceHolder" Runat="Server">
<pre>
  &lt;asp:Panel ID="Panel3" runat="server" BorderWidth="1" Height="100" Width="500"&gt;
  This is a draggable panel.  Drag and Drop me onto the other panel
  &lt;/asp:Panel&gt;
  
  &lt;asp:Panel ID="Panel2" runat="server" BorderWidth="1" Height="200" Width="600"&gt;
  This is a droppable panel.
  &lt;/asp:Panel&gt;
  
  
&lt;cc2:Draggable ID="Draggable2" runat="server" Selector="#{Panel3}" /&gt;
  
  &lt;cc2:Droppable Greedy=true ID="Droppable1" runat="server"
  OnClientDropDrop="$(this).fadeOut().fadeIn();"
  Selector="#{Panel2}" 
   /&gt;
</pre>    
</asp:Content>